<template>
  <div class="m-detailsHeader">
    <div class="m-searchListPanel m-searchListPanelA">
      <div class="layout-1"><span class="leftLine"></span>统计数据</div>
    </div>
    <el-tabs v-model="activeTab" class="m-common-tab">
      <el-tab-pane label="交易平台相关统计" name="TheStatisticsTrade"></el-tab-pane>
      <el-tab-pane label="DEMO相关统计" name="TheStatisticsDemo"></el-tab-pane>
      <el-tab-pane label="直播间相关" name="TheStatisticsLive"></el-tab-pane>
    </el-tabs>
    <!--1=真实帐号 2=lead-->
    <div :is="activeTab" type="1" class="detailsContent"></div>
  </div>
</template>

<script>
  import TheStatisticsDemo from '../LeadDetailsStatistics/components/TheStatisticsDemo.vue'
  import TheStatisticsLive from '../LeadDetailsStatistics/components/TheStatisticsLive.vue'
  import TheStatisticsTrade from './components/TheStatisticsTrade.vue'
  export default {
    name: 'AccountDetailsStatistics',
    data () {
      return {
        activeTab: 'TheStatisticsTrade'
      }
    },
    components: {
      TheStatisticsDemo,
      TheStatisticsLive,
      TheStatisticsTrade,
    },
    methods:{
    }
  }
</script>

<style scoped lang="scss">
  /*.m-dataLayout {
    min-height: 100%;
    background: #fff;
  }*/
</style>
